<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/paginacion/jquery.pagination.js"></script>
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/paginacion/pagination.css" />

    
    <script type="text/javascript" charset="utf-8">
        var items_per_page = 25;
        <s:set name="items_per_tabla" value="25" />
            (function($) {

                $(document).ready(function(){
                    initPagination();
                });

                function pageselectCallback(page_index, jq){
                    $('#Searchresult').empty();
                    var num_entries = $('#hiddenresult div.result').length;
                    var max_elem = Math.min((page_index+1) * items_per_page, num_entries);

                    for(var i=page_index*items_per_page;i<max_elem;i++) {
                        var new_content = $('#hiddenresult div.result:eq('+i+')').clone();
                        $('#Searchresult').append(new_content);
                    }
                    return false;
                }

                function initPagination() {
                    var num_entries = $('#hiddenresult div.result').length;
                    $("#Pagination").paginationList(num_entries, {
                        callback: pageselectCallback,
                        items_per_page: items_per_page,
                        num_display_entries: 4,
                        num_edge_entries: 2,
                        prev_text: '<<',
                        next_text: '>>'
                    });
                }

            })(jQuery);
    </script>
  </head>
  <body>
   <div id="header">
            <jsp:include page="/base/header_Login.jsp" flush="false"/>
            <jsp:include page="/base/menu_Admin.jsp" flush="false"/>
   </div>
      <div id="main">

          <!-- ********************************************************** -->
          <!-- INIDIO DE CABECERA SUPERIOR: LOGO, BUSQUEDA INICIAL Y MENU PRINCIPAL -->
          
          <!-- FIN DE CABECERA SUPERIOR: LOGO, BUSQUEDA INICIAL Y MENU PRINCIPAL -->
          <!-- ********************************************************** -->
          <div id="cuerpo">
            <s:url action="nuevoPerfil" id="nuevoPerf">
                    </s:url>

                <!--a href="${nuevoUsu}" class="botones_funciones position_r_centro">Nuevo Usuario</a-->
                <a href="Fonafe-Bienes/struts/nuevoPerfil.action" class="botones_funciones position_r_centro">Nuevo Perfil</a>
              <div class="contenido_grilla">
                  <div id="Searchresult">Cargando...</div>
                    <br/>
                      <table cellpadding="0" style="width:980px;" cellspacing="0" class="tabla_bandeja">
                          <thead>
                              <tr>
                                  <th><span class="bg1"></span>Tipo Perfil</th>
                                  
                                  <th colspan="2"><span class="bg2"></span>Opcion</th>
                              </tr>
                          </thead>
                          <div id="hiddenresult" style="display:none;">
                          <div class="result">
                          <tbody id="bodys_center">
                              <s:iterator value="listPerfil" var="bean">
                                    <tr bgcolor="#FFFDE1">


                                        <td align="center">
                                            <s:property value="tipoPerfil"/>
                                        </td>
                                        
                                        <s:url action="detallePerfil" id="detPerfil">
                                            <s:param name="idperfil" value="id_perfil"></s:param>
                                        </s:url>
                                        <s:url action="eliminaPerfil" id="eliminaPerfil">
                                            <s:param name="idperfil" value="id_perfil"></s:param>
                                        </s:url>
                                        
                                        
                                        <td align="center">
                                            <s:a href="%{detPerfil}">
                                                <img height="25" width="25" alt="" src="/Fonafe-Bienes/img/file-edit.png"/>
                                            </s:a>
                                        </td>
                                        
                                        <td align="center">
                                            <s:if test="%{ id_perfil!=1 && id_perfil!=2}">
                                                <s:a href="%{eliminaPerfil}" onclick="return confirm('¿Estas seguro de eliminar este usuario?')">
                                                    <img height="25" width="25" alt="" src="/Fonafe-Bienes/img/file-delete.png"/>
                                                </s:a>
                                            </s:if>
                                        </td>
                                        
                                    </tr>
                                    </s:iterator>         
                          </tbody>
                         </div>
                        </div>
                      </table>
                     <s:if test="%{listPerfil.size() == 0}">
                      <div class="msg-noresult msg-info" style="width: 500px;" align="center">
                      Lo sentimos, no encontramos resultados para tu b&uacute;squeda,<br/>
                      intenta otra b&uacute;squeda, se pueden encontrar muchas cosas.
                      </div>
                     </s:if>
                    <br/>
                  <div id="Pagination" style="width:950px;margin-left: 120px; "></div>
                  </div>

            </div>
            

          </div>

               
<jsp:include page="/base/footer.jsp" flush="false" />
     
  </body>
</html>

